<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title></title>
	</head>
	<body class="df">
		<main class="flex">
			<!-- 顶部导航 -->
			<div id="topNav" class="fixed f14 cgray bgwhite">
				<ul class="df">
					<li id="run">跑步</li>
					<li id="cycle" class="activeTop">骑行</li>
					<li id="train">课程训练</li>
				</ul>
			</div>
			<div id="topNavBox"></div>

			<!-- 跑步公里数 -->
			<div id="distance" class="df fdc f14 jsbetween bgwhite">
				<p>目前累计跑步距离:</p>
				<p><span>999.99</span>公里</p>
			</div>
			<!-- 地图 -->
			<div id="map" class="rel">
				<div class="mode abs fdc f_acenter jsaround">
					<!-- 跑步类型 -->
					<!-- <ul class="runtype df jsbetween cwhite f14">
						<li class="active">户外跑</li>
						<li>燃脂跑</li>
						<li>跑步机</li>
					</ul> -->
					<!-- 中间控件GO -->
					<div class="go tcenter">GO</div>
					<!-- 设置目标 -->
					<div class="target f14 f_sb_acenter">
						<span class="iconfont icon-shezhi-xianxing"></span>
						<!-- <button type="button">
							设置目标<span class="iconfont icon-xiaojiantou"></span>
						</button> -->
						<span class="iconfont icon-yinle"></span>
					</div>
				</div>
			</div>
			<!-- 路线 -->
			<div id="rode" class="df jsbetween acenter bgwhite">
				<h5 class="df fdc jsbetween">
					跑步路线<span class="f12 cgray">使用跑步路线, 邂逅附近的同行者</span>
				</h5>
				<span class="iconfont icon-xiaojiantou f20 cgray"></span>
			</div>
		</main>
	</body>
</html>
